<style>
    .layui-form-item .layui-input-company {
        width: auto;
        padding-right: 10px;
        line-height: 38px;
    }
</style>
<div class="layuimini-container layuimini-page-anim">
    <div class="layuimini-main">

        <div class="layui-form layuimini-form">
            <div class="layui-form-item">
                <label class="layui-form-label required">旧的密码</label>
                <div class="layui-input-block">
                    <input type="password" name="oldPassword" lay-verify="required" lay-reqtext="旧的密码不能为空" placeholder="请输入旧的密码" value="" class="layui-input">
                    <tip>填写自己账号的旧的密码。</tip>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label required">新的密码</label>
                <div class="layui-input-block">
                    <input type="password" name="newPassword" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码" value="" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label required">新的密码</label>
                <div class="layui-input-block">
                    <input type="password" name="againPassword" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码" value="" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['form', 'miniPage'], function () {
        var form = layui.form, layer = layui.layer, $ = layui.$;

        /**
         * 初始化表单，要加上，不然刷新部分组件可能会不加载
         */
        form.render();

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            data = data.field;
            if(data.newPassword != data.againPassword){
                layer.alert("密码输入不一致", {
                    icon: 2,
                    skin: 'layer-ext-moon'
                })
                return false;
            }
            $.ajax({
                url: "login/updatePassword",
                data: {
                    newPassword: data.newPassword
                },
                type: "POST",
                dataType: "json",
                success: function (data) {
                    if(data.code === -1){
                        layer.alert(data.msg, {
                            icon: 2,
                            skin: 'layer-ext-moon'
                        })
                    }else{
                        layer.alert(data.msg, {
                            icon: 1,
                            skin: 'layer-ext-moon'
                        })
                        window.location.href = "login.html";
                    }
                },
                error: function (data) {
                    layer.alert(data.responseText, {
                        icon: 2,
                        skin: 'layer-ext-moon'
                    })
                }
            });
            return false;
        });

    });
</script>
